<template>
    <div class="page-about el-mx-1200">
        <div class="about-i el-box-init el-bkgd-white el-mx-1000 el-pd-20">
            <div class="banner-section">
                <Banner banner="banner6" />
                <div class="text-box">
                    <h2 class="el-down-line">关于我</h2>
                </div>
            </div>

            <about-my />
        </div>
        <i class="line bg-gradient el-mx-1000"></i>
        <div class="about-site el-box-init el-bkgd-white el-mx-1000 el-pd-20">
            <div class="banner-section">
                <Banner banner="banner7" />
                <div class="text-box">
                    <h2 class="el-down-line">关于网站</h2>
                </div>
            </div>

            <about-site />
        </div>
    </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.page-about {
    padding: 20px;
    color: #606f7b;

    .line {
        display: block;
        margin: 20px auto;
    }

    section {
        margin-top: 20px;
    }

    /deep/.banner-section {
        img {
            border-radius: 5px;
            box-shadow: 0px 5px 25px #000;
        }
    }

    /deep/.about-i,
    /deep/.about-site {
        h4,
        p,
        ul {
            margin: revert;
        }
        ul,
        li {
            list-style: unset;
            padding: revert;
            line-height: 28px;
            font-size: 14px;
        }
        h4 {
            font-size: 18px;
            font-weight: bold;
        }
        p {
            margin-left: 20px;
            font-size: 14px;
            a {
                font-size: 14px;
            }
        }
        .desc {
            text-indent: 2em;
        }
    }
}
</style>